//
// Media queries
// -------------------------

/* Responsive Styles ( SIZE <= 979px | 1200px <= SIZE )
---------------------------------------------------------------------------------------------------- */


/* Desktop large
------------------------- */
@media (min-width: 1200px) {
  #sidebar-top, #sidebar-bottom {
    .inner {
        width: @sidebarWidthLarge;  /* Adjust Sidebar width */
        padding: 0 20px 10px;
    }
  }
  .widget-area input,
  .widget-area textarea,
  .widget-area .uneditable-input {
    width: (@sidebarWidthLarge - 14);
  }
}


/* Desktop
------------------------- */
@media (max-width: 979px) {
  body {
    padding-top: 0;  /* Fix for Navbar, remove top padding from the body */
  }
  #site-main {
    margin: -(@headerHeight + 12) auto -60px auto;  /* Sticky footer: Negative indent top when Navbar becomes static */
  }
  .navbar-fixed-top {
	position: relative; /* Fixes #wrap overlapping Navbar */
    z-index: 9999;
  }
  #push-site-header {
	height: (@headerHeight + 11);  /* Sticky footer - add 10px, navbar gains padding:5px from bootstrap */
  }
}


/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  #sidebar-top, #sidebar-bottom {
    .inner {
        width: @sidebarWidthMedium;  /* Adjust Sidebar width */
    }
  }
  #sidebar-top {
    .affix {
        top: 20px !important;
    }
  }
  .widget-area input,
  .widget-area textarea,
  .widget-area .uneditable-input {
    width: (@sidebarWidthMedium - 14);
  }
}


/* Tablet
------------------------- */
@media (max-width: 767px) {
  #sidebar-top, #sidebar-bottom {
    .inner {  /* Sidebar - shifts to top / bottom */
        position: static !important; /* for javascript */
        width: auto;
    }
  }
  /* Change up some type stuff */
  .widget-area input,
  .widget-area textarea,
  .widget-area .uneditable-input {
    width: auto;
  }
  #site-footer {  /* Fix for body gaining padding */
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* Landscape phones
------------------------- */
@media (max-width: 480px) {
    //
}
